<!-- 购买组局记录 -->
 <script lang="ts">
 export default {
   name: "yybureauFormation",
 };
 </script>
 <template>
   <div class="page-box h100 display-flex czbj">
     <p class="title-label mb10">
      组局列表
     </p>
     <div>
       <dxtable :headBtn="headBtn" :dataJson="dataJson" :portUrl="portUrl" :qx="qx" ref="databale"
         sonRouter="yybureauFormationBJ"></dxtable>
     </div>
   </div>
   <n-modal v-model:show="showModal" preset="card" class="dsfsdrewrewe" >
     <template #header>
       <div>浏览二维码</div>
     </template>
     <div>
       <img :src="qcosertt" class="fsdfereertr">
     </div>
     <template #action>
       <div class="tr">
         <n-button @click="showModal=false"> 关闭 </n-button>
       </div>
     </template>
   </n-modal>
 </template>
 <script lang='ts' setup>
 import dxtable from "../../components/util/dxtable.vue";
 import sort from "../../components/util/sort.vue";
 import { dxget, dxpost, qurl, hf } from "../../util/index";
 import { h, ref, reactive, onBeforeUpdate, render } from "vue";
 const props = defineProps({
   pup: { type: String },
 });
 const showModal = ref(false)
 const qcosertt = ref()
 let portUrl = "yuyue/adminapi/userbureauFormation";
 let headBtn = [];
 const zdList = ref()
 const databale = ref();
 const videourl = ref()
 const typeli = ref([])
 const initeer = () => {
   databale.value.initDataExpose();
 };
 const emit = defineEmits(["callBack"]);
 // 弹窗公用该列表
 let dataJson = reactive([
   {
     title: "id",
     key: "id",
     width: 50,
   },
   
   {
     title: "参加人昵称",
     key: "nickname",
     width: 240,
   }, 
   {
     title: "活动名称",
     key: "title",
     width: 400,
   },  {
     title: "场地",
     key: "site",
   },{
     title: "活动地址",
     key: "Locations",
   },{
     title: "报名费用",
     key: "WorkingDayRate",
     render(row) {
         return "￥" + row.WorkingDayRate
     },
   },
   
   
   
   {
     title: "状态",
     key: "orderStatus",
     width:100,
     render(row) {
      let jnxs = ""
        switch (row.orderStatus) {
          case 1: jnxs="待核销"; break;
          case 2: jnxs="已完成"; break;
          case 3: jnxs="已取消"; break;
        }
        return jnxs
     }
   },{
     title: "报名时间",
     key: "addTime",
   },
   
 ]);
 
 const qx = {
  DeletePermissionID: "yyPurchasingBureau", //删除
 };
 const getcasetype = async () => {
   const { data }: any = await dxget("dxgjAdmin/getzd", { name: 'yyzjfl' })
 
   dataJson[5].options = [
     {
       label: "全部",
       value: ""
     },
     ...data
   ]
   typeli.value = data
   // ishjwoer.value = true
 }
 getcasetype()
 
 </script>
 <style scoped>
 .fsdfereertr{
   width: 100%;
   height: 360px;
 }
 </style>
   
   
   